{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"订单投诉",back:1} %}
    <div>
        <div class="pad5 fs8 c12 lh2" >
            <div class="bcf pad6 round3 bdbda fs9 c12">
                投诉订单
            </div>
            <div class="bcf pad6 round3 bdbda fs8 c12 fs8 c11 lh2">
                <div class="scrollX-Box1">
                    <div class="scrollX-Item mar3" v-for="item in 5">
                        <mu-chip color="grey600" @click="content = ('取消原因')">投诉原因</mu-chip>
                    </div>
                </div>
                <div class="bcf pad6 round3 bdbda fs9 c12 fs8 c11 lh2">
                    <mu-text-field v-model="content" full-width multi-line :rows="3"
                                   max-length="300" :rows-max="6" help-text="请填写投诉原因"></mu-text-field>
                </div>
                <div class="tar pad5">
                    <mu-button :color="c1" large round full-width>提交</mu-button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}